{# Ceci est un commentaire #}
{# src/JH_Project/JobHubBundle/Resources/views/Site_JobHub/layout.html.twig #}

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">   
    <title>{%  block title %}JobHub{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="{{ asset('bundles/jobhub/css/test.css') }}" rel="stylesheet" media="screen">
    <link href="{{ asset('bundles/jobhub/css/font.css') }}" rel="stylesheet" media="screen">
    <link href="{{ asset('bundles/jobhub/css/typography.css') }}" rel="stylesheet" media="screen">
    <script src="{{ asset('bundles/jobhub/js/bootstrap.min.js') }}"></script>
    <script src="{{ asset('bundles/jobhub/js/jquery-1.10.2.min.js') }}"></script>
    <link href="{{ asset('bundles/jobhub/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
    <script src="Bootstrap/js/jquery-1.10.2.min.js"></script>
    <script src="{{ asset('bundles/jobhub/js/bootstrap-dropdown.js') }}"></script>
    <script src="{{ asset('bundles/jobhub/js/dropdown.js') }}"></script>
    <script src="{{ asset('bundles/jobhub/js/bootstrap-modal.js') }}"></script>
  </head>

  <body class="container">
  {% block body%}
  
     <div class="container">
     {% block navbar %}
      <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-inner">
        <a class="navbar-brand" href="{{path('job_hub_accueil')}}">JobHub</a>
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="dropdown active">
             <a href="href="#" class="dropdown-toggle" data-toggle="dropdown">CV <b class="caret"></b>
               <ul class="dropdown-menu">
                 <li><a href="{{path('job_hub_cv')}}">Publier CV</a></li>
                 <li><a href="#">Consulter CV</a></li>
                 <li><a href="#">Créer lettre de motivation</a></li>
            </ul>
        </li>
            <li class="dropdown">
               <a href="href="#" class="dropdown-toggle" data-toggle="dropdown">Offres <b class="caret"></b>
                   <ul class="dropdown-menu">
                      <li><a href="{{path('job_hub_offre')}}">Parcourir Offres</a></li>
                      <li><a href="#">Offres Sauvegardées</a></li>
             </li>
                 </ul>
                    <li> <a href="{{path('job_hub_entreprise')}}">Entreprise</a></li>
                    <li> 
            <a data-toggle="modal" role="button"  href="#inscription" >S'inscrire</a>
            <div id="inscription" class="modal hide" style="display: none; ">  
              <div class="modal-header">  
                  <button type="button" class="close" data-dismiss="modal">×</button>                         
                     <h3>This is a Modal Heading</h3>  
               </div>  
              <div class="modal-body">  
                <h4>Text in a modal</h4>  
                    <p>You can add some text here.</p>                
             </div>  
            <div class="modal-footer">
             <a href="#" class="btn" data-dismiss="modal">Close</a>
             <a href="#" class="btn btn-primary">Save changes</a>
           </div>
      </div>
         
      </li>
      </ul>              
              <form class="navbar-form-inline navbar-right" role="search id="formconnexion">
                         <div class="form-group">
                               <input type="text" class="input-small" placeholder="Email">
                               <input type="password" class="input-small" placeholder="Password">
                               <button type="submit midlle" class="btn">Connexion</button>
                               <input type="checkbox" value="Enregistrer"> Enregistrer   
                          </div>                
               </form>
         </ul>
     </div>
     </div> 
</nav> 
{% endblock %}
</div> 
 

  
<footer>
{% block footer %}
    <div id="footer">
       <h2>JubHub</h2>
            <p>Cliquez ici pour <a href="{{path('job_hub_plan')}}">Plan du site</a> </p>
            <h5 class="text-muted">&copy; JubHub 2013</h5>
      </div>
  {% endblock %}
</footer>

{% endblock %}        
 
 </body>
</html>